<template>
    <ul>
        <li v-for="(item,index) in rightdata" :key="index">
            <a :href="item.link">
                <img :src="item.image" alt="">
            <div>{{item.title}}</div>
            </a>
        </li>
    </ul>
</template>

<script>
export default {
    props:{
        rightdata:Array
    }
}
</script>

<style scoped>
ul{
    display: flex;
    justify-content:flex-start;
    flex-wrap: wrap;
}
li{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    text-align: center;
}
img{
    margin: 0 auto;
    vertical-align: top;
    width: 80px;
    height: 80px;
}
</style>